<template>
  <div class="sea-flower-body sea-flower-col-2">
    <info-box1></info-box1>
    <info-box2></info-box2>
    <steps></steps>
    <breadcrumb></breadcrumb>

    <card1></card1>
    <card2></card2>
    <card3></card3>
    <card4></card4>
    <card5></card5>
  </div>
</template>

<script>
import InfoBox1 from './box/info-box1'
import InfoBox2 from './box/info-box2'

import Steps from './box/steps'
import Breadcrumb from './box/breadcrumb'


import Card1 from './box/card1'
import Card2 from './box/card2'
import Card3 from './box/card3'
import Card4 from './box/card4'
import Card5 from './box/card5'

/**
 * 信息盒子，主要用于首页的数值展示，
 * 一个很简单实用的数值展示布局
 */
export default {
    components: {InfoBox1, InfoBox2, Steps, Breadcrumb, Card1, Card2, Card3, Card4, Card5},
    data() {
        return {
            list: [
                {value: 'item1', label: '项目1'}
                , {value: 'item2', label: '项目2'}
                , {value: 'item3', label: '项目3'}
            ],
            step: 'item2'
        }
    }
}
</script>

